﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Gallery.aspx.cs" Inherits="Gallery.Gallery1" %>

<!--DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"-->

<html>
<head runat="server">
<title>Mark Hilkevich official web site - Gallery</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
		<meta name="CODE_LANGUAGE" Content="C#">
		<meta name="vs_defaultClientScript" content="JavaScript">
		<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
		<LINK href="StyleSheet1.css" type="text/css" rel="stylesheet">

    <script src="Scripts/jquery-1.10.1.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>

    <script src="Scripts/fancybox/jquery.fancybox.js" type="text/javascript"></script>
    <link href="Styles/fancybox/jquery.fancybox.css" rel="stylesheet" />

    <link href="Styles/fancybox/jquery.fancybox-thumbs.css" rel="stylesheet" />
    <script src="Scripts/fancybox/jquery.fancybox-thumbs.js" type="text/javascript"></script>

    <script type="text/javascript">
       $(document).ready(function () {
          /*
          *  Simple image gallery. Uses default settings
          */

          $('.fancybox').fancybox();

          /*
          *  Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
          */

          $('.fancybox-thumbs').fancybox({
             prevEffect: 'none',
             nextEffect: 'none',

             closeBtn: true,
             arrows: true,
             nextClick: true,

             helpers: {
                thumbs: {
                   width: 50,
                   height: 50
                }
             }
          });
       });
    </script>

    <style type="text/css">
        .fancybox-custom .fancybox-skin
        {
            -webkit-box-shadow: 0 0 50px #222;
            box-shadow: 0 0 50px #222;
        }

        /*body {
            max-width: 700px;
            margin: 0 auto;
        }*/

        .imgSmall {

            height:100px;
            border:0;
        }

    </style>

</head>
<body>
    <form id="form1" runat="server">
		<TABLE id="Table1" style="WIDTH: 500px" cellSpacing="0" cellPadding="0"
			width="500" align="center">
			<TR>
				<TD vAlign="top" width="500" height="110" style="HEIGHT: 110px">
					<P>
						<IFRAME scrolling="no" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 100%; BORDER-BOTTOM: 0px; HEIGHT: 110px"
							src="header.htm" width="100%" frameBorder="no"></IFRAME>
					</P>
				</TD>
			</TR>
			<TR>
				<TD style="WIDTH: 500px" vAlign="top" width="500" bgColor="#f9d788" align="left"
					colSpan="1" rowSpan="1"><asp:Panel ID="pnlContainer" runat="server"></asp:Panel>
				</TD>
			</TR>
			<TR>
				<TD style="WIDTH: 500px" width="500" bgColor="#ece8df">
					<IFRAME align="left" scrolling="no" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 100%; BORDER-BOTTOM: 0px; HEIGHT: 56px"
						src="footer.html" width="100%" frameBorder="no"></IFRAME>
				</TD>
			</TR>
		</TABLE>		
    </form>
</body>
</html>
